<div class="zx-panel2">
  <div class="zx-right-table" (click)="openJrsq()">
    <nz-table
      [nzFrontPagination]="false"
      nzSize="middle"
      [nzData]="tableData1"
    >
      <thead>
      <tr>
        <th nzWidth="100px">渠道</th>
        <th>计划<br>(m³/s)</th>
        <th>实际<br>（m³/s）</th>
        <th>实测<br>（m³/s）</th>
        <th>累计引水量<br>(亿m³)</th>
      </tr>
      </thead>
      <tbody>
      <tr class="tr-1" *ngFor="let data of tableData1">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      <tr class="tr-2" *ngFor="let data of tableData2">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      <tr class="tr-3" *ngFor="let data of tableData3">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      <tr class="tr-4" *ngFor="let data of tableData4">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      <tr class="tr-5" *ngFor="let data of tableData5">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      <tr class="tr-6" *ngFor="let data of tableData6">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      <tr class="tr-7" *ngFor="let data of tableData7">
        <td>{{ data.name }}</td>
        <td>{{ data.plan }}</td>
        <td>{{ data.diversion }}</td>
        <td>{{ data.val }}</td>
        <td>{{ data.total }}</td>
      </tr>
      </tbody>
    </nz-table>
  </div>

<!--  <nz-modal [(nzVisible)]="modalShow"
            [nzTitle]="null"
            [nzFooter]="null"
            [nzClosable]="false"
            [nzWidth]="'100%'"
            [nzBodyStyle]="nzBodyStyle"
            [nzKeyboard]="true"
            [nzStyle]="{top: '0px', padding: '0px'}"
  >
    <app-jrsq-big></app-jrsq-big>
  </nz-modal>-->

  <ng-template #tplContent let-params let-ref="modalRef">
    <app-jrsq-big></app-jrsq-big>
  </ng-template>

</div>

